Page 72 - 2629_Devagiri_C-6

CANVAS RESPONSIVENESS WITH UI COMPONENTS

In MIT App Inventor, the Canvas can work with buttons, labels and text boxes to create interactive
apps that respond to user actions in real time.
Examples:

Buttons: Change something on the Canvas, like colour or position, when clicked.

Labels: Display messages based on Canvas events, like a touch in a specific area.
Text Boxes: Enables inserting text typed by the user.

RAPID RECALL Tick ( ) if you know this.

1. The Click event is triggered when the user taps on an element.

2. Buttons are used to change something on the Canvas.

CREATING AN APP USING TOUCH EVENTS

The Magic_Pad app lets you draw with your finger, change colours and reset the screen like a
digital drawing book. It helps young learners practice drawing, handwriting and creativity while
improving hand control in a safe, educational way.

To create the Magic_Pad app, follow these steps:

Step 1 Create new project in the MIT App Inventor.

Step 2 Change the name of the screen to Magic_Pad in the Title textbox, adjust
AlignHorizontal to Center:3 and AlignVertical to Top:1 in the Properties pane.

Step 3 Click on the Layout component.
Step 4 Drag and drop HorizontalArrangement into the phone screen.

70
Premium Edition-VI